* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html {
	color: #333;
	background-color: #fff;
}
body {
	font-family: 'Microsoft YaHei', helvetica, arial, verdana, tahoma, sans-serif;
}
.container {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
/*@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}*/
/*通过设置负值margin来消除下面设置列与列之间的间隔时，第一列的padding-left和最后一列的padding-right带来的影响*/
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.container:before, .row:before, .container:after, .row:after {
	display: table;
	content: " ";
	clear: both;
}
/*设置列与列之间的间隔*/
.col-xs-1,col-sm-1,.col-xs-2,col-sm-2,.col-xs-3,col-sm-3,.col-xs-4,col-sm-4,.col-xs-5,col-sm-5,.col-xs-6,col-sm-6,.col-xs-7,col-sm-7,.col-xs-8,col-sm-8,.col-xs-9,col-sm-9,.col-xs-10,col-sm-10,.col-xs-11,col-sm-11,.col-xs-12,col-sm-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
.container .row div {
	height: 50px;
	background-color: #EEEEEE;
	border: 1px solid #B6B6B6;
}
.container .row {
	margin-top: 20px;
}